<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>班级博客-班级页面</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/class/class.css">
    <link rel="stylesheet" href="./fonts/iconfont.woff">
    <link rel="shortcut icon" href="./img/blog-sy/favicon.ico" type="image/x-icon">

</head>

<body>
    <!-- 导航大div -->
    <div class="nav">
        <!-- 导航板心 -->
        <div class="common clearfix">
            <!-- <span class="iconfont">&#xe613;</span> -->
            <!-- 左部导航 -->
            <div class="nav-left">
                <ul>
                    <li class="lia"> <a href="/">首页</a></li>
                    <li> <a href="/map">校区</a></li>
                    <li> <a href="/class">班级</a></li>
                    <li> <a href="/beweek">博文</a></li>
                    <li> <a href="/going">学习计划</a></li>
                </ul>
            </div>
            <!-- 右部导航大div -->
            <div class="nav-right">
                <!-- 创建班级按钮 -->
                <div class="class-button">
                    <i></i>
                    <a href="/register">创建班级</a>
                </div>
                <!--用户名按钮 -->
                <div class="username-button">
                    <i></i>
                    <b>madong_V</b>
                    <span></span>
                </div>

            </div>

        </div>
    </div>
    <!--时间排序于搜索框的大div -->
    <div class="shijiansousu">
        <!--版心 -->
        <div class="common clearfix">
            <div class="shijiansousu-a">
                <ul>
                    <li class="timeClass"> <a href="">按时间排序</a> </li>
                    <li> <a href="">|</a> </li>
                    <li> <a href="">按人数排序</a> </li>
                    <li> <a href="">|</a> </li>
                    <li> <a href="">按活跃度排序</a> </li>
                    <li> <a href="">|</a> </li>
                    <li> <a href="">按博文数排序</a> </li>
                    <li> <a href="">|</a> </li>
                </ul>
            </div>

            <!-- 搜索框 -->
            <form action="">
                <div class="am-input  ">
                    <input type="text" class="am-form" placeholder="请输入班级,校区或者标签试一试 (Enter建快速搜索)">
                    <span class="am-input-group-btn">
                        <button class="am-btn-am-btn-default">搜索</button>
                    </span>
                </div>
            </form>
        </div>
    </div>

    <!-- 添加栏大div -->
    <div class="tjl">
        <!-- 版心 -->
        <div class="common clearfix">
            <div class="tianjialan">
                <ul>
                    <li>
                        <a href="#" class="xiongmao"><i></i></a>
                        <div class="qzyi">
                            <span><a href="#">全栈3_4</a></span>
                            <p>一名成员,&nbsp;&nbsp;&nbsp;&nbsp;隶属<a href="#">江苏财经职业技术学院</a></p>
                            <i>创建于2019-05-13</i>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="xiongmao1"><i></i></a>
                        <div class="qzyi">
                            <span><a href="#">全栈3_4</a></span>
                            <p>一名成员,&nbsp;&nbsp;&nbsp;&nbsp;隶属<a href="#">嘉庚学院</a></p>
                            <i>创建于2019-05-13</i>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="xiongmao2"><i></i></a>
                        <div class="qzyi">
                            <span><a href="#">全栈3_4</a></span>
                            <p>一名成员,&nbsp;&nbsp;&nbsp;&nbsp;隶属<a href="#">江苏大学</a></p>
                            <i>创建于2019-05-11</i>
                        </div>
                    </li>

                    <li>
                        <a href="#" class="xiongmao3"><i></i></a>
                        <div class="qzyi">
                            <span><a href="#">1221121</a></span>
                            <p>一名成员,&nbsp;&nbsp;&nbsp;&nbsp;隶属<a href="#">阿克苏职业技术学院</a></p>
                            <i>创建于2019-04-29</i>
                        </div>
                    </li>

                </ul>
            </div>
        </div>
    </div>
    <!-- 分页
    <div class="fenye">
        <!-- 版心 -->
        <!-- <div class="common clearfix">

            <div class="fenye1">
                <ul>
                    <li><a href="" class="fenye2">&nbsp;<&nbsp;Prev</a> </li> <li> <a href="">1</a></li>
                    <li> <a href="">2</a></li>
                    <li> <a href="">3</a></li>
                    <li> <a href="">4</a></li>
                    <li> <a href="">5</a></li>
                    <li> <a href="">6</a></li>
                    <li> <a href="">7</a></li>
                    <li> <a href="">8</a></li>
                    <li> <a href="">9</a></li>
                    <li> <a href="">10</a></li>
                    <li> <a href="">11</a></li>
                    <li class="fenyela"> <a href="">...</a></li>
                    <li> <a href="">27</a></li>
                    <li> <a href="" class="fenye1q">Next></a></li>
                </ul>
            </div>
        </div>
    </div> --> -->
    <!-- 底部 -->
    <div class="dibu">
        <!-- 版心 -->
        <div class="common">
            <p>
                Copyright ©2019
                <a href="">Cnblogs, Inc.</a>
                Powered by ASP.NET Core on Linux.
                <a href="">问题反馈</a>
                <a href="">帮助文档</a>
            </p>
        </div>
    </div>
    <script src="./lib/jquery-3.3.1.js"></script>
    <script src="./lib/template/template-web.js"></script>
    <%- include('./template/class-template.ejs')%>


   
</body>
<script>
        var show = function () {
            $.ajax({
                type:'post',
                url: "/class",
                data:'',
                success: function (data) {
                    let str1 = template('class-template2',{list:data})
                    console.log(str1)
                    $('.tianjialan ul').html(str1);
                }
            })
         
        }
        show()
        $('.timeClass').on('click', function () {
        $.ajax({
            type: 'get',
            url: "/timeClass",
            data: '',
            success: function (data) {
                let str1 = template('class-template2', { list: data })
                console.log(str1)
                $('.tianjialan ul').html(str1);
            }
        })
    })
    // 按人数排序
    $('.timeClass').on('click', function () {
        $.ajax({
            type: 'get',
            url: "/ClassNum",
            data: '',
            success: function (data) {
                let str2 = template('class-template2', { list: data })
                console.log(str2)
                $('.tianjialan ul').html(str2);
            }
        })
    })

    </script>
</html>